<template>
  <div
    class="login-contain"
    style="background-image:url('static/images/login_bg.png')"
  >
    <LoginBox class="loginBox"></LoginBox>
  </div>
</template>

<script>
import LoginBox from "./components/login-box.vue";
export default {
  components: { LoginBox }
};
</script>

<style scoped lang="scss">
.login-contain {
  min-height: inherit;
  background-color: #999;
  background-size: cover;
  background-repeat: no-repeat;
  .loginBox {
    position: absolute;
    top: 50%;
    left: 254px;
    transform: translateY(-50%);
  }
}
</style>
